import React,{Component} from 'react';
import { View } from "react-native";
import { SegmentedView, Label } from "teaset";


export default class View2 extends Component {
    constructor(props) {
        super(props);
        this.state = {
            checked:false
        }
    }
    
    render () {
        return (
            <SegmentedView style={{ flex: 1 }} type='projector' indicatorType="boxWidth">
                <SegmentedView.Sheet title='one' badge={1}>
                    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
                        <Label type='detail' size='xl' text='Segment one' />
                    </View>
                </SegmentedView.Sheet>
                <SegmentedView.Sheet title='two'>
                    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
                        <Label type='detail' size='xl' text='Segment two' />
                    </View>
                </SegmentedView.Sheet>
                <SegmentedView.Sheet title='three'>
                    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
                        <Label type='detail' size='xl' text='Segment three' />
                    </View>
                </SegmentedView.Sheet>
                <SegmentedView.Sheet title='three1'>
                    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
                        <Label type='detail' size='xl' text='Segment three1' />
                    </View>
                </SegmentedView.Sheet>
            </SegmentedView>
        )
    }
}

module.exports = View2;